<div [@routerTransition]>
    <!-- <div class="m-subheader">
        <div class="d-flex align-items-center">
            <div class="mr-auto col-xs-6">
                <h3 class="m-subheader__title">
                    <span>年度车间投入明细</span>
                </h3>
            </div>
        </div>
    </div> -->
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <div class="row" style="color: #097e98; font-weight: 700; font-size: 17px;">
                    <div class="col-6">天津车间成本明细表</div>
                    <div class="col-6 text-right">单位：万元</div>
                </div>
                <table class="table" border="0">
                    <thead>
                        <tr>
                            <th>车间</th>
                            <th>原材料成本</th>
                            <th>辅助材料成本</th>
                            <th>标准件成本</th>
                            <th>外协产品成本</th>
                            <th>工装成本</th>
                            <th>燃动成本</th>
                            <th>人工成本</th>
                            <th>制造成本</th>
                            <th>其他直接成本</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let row of tableData">
                            <th scope="row">{{ workshops[row.workshop] }}</th>
                            <td>{{ row["原材料成本"] }}</td>
                            <td>{{ row["辅助材料成本"] }}</td>
                            <td>{{ row["标准件成本"] }}</td>
                            <td>{{ row["外协产品成本"] }}</td>
                            <td>{{ row["工装成本"] }}</td>
                            <td>{{ row["燃动成本"] }}</td>
                            <td>{{ row["人工成本"] }}</td>
                            <td>{{ row["制造成本"] }}</td>
                            <td>{{ row["其他直接成本"] }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <div id="c1"></div>
            </div>
        </div>
    </div>
</div>
